// Padding
@for $i from 1 through 200 {
  // padding-top (1~200)rpx
  .#{$prefix}pt-#{$i} {
    padding-top: $i + rpx;
  }
  // padding-right (1~200)rpx
  .#{$prefix}pr-#{$i} {
    padding-right: $i + rpx;
  }
  // padding-bottom (1~200)rpx
  .#{$prefix}pb-#{$i} {
    padding-bottom: $i + rpx;
  }
  // padding-left (1~200)rpx
  .#{$prefix}pl-#{$i} {
    padding-left: $i + rpx;
  }
  // padding (1~200)rpx
  .#{$prefix}p-#{$i} {
    padding: $i + rpx;
  }
  .#{$prefix}px-#{$i} {
    padding-right: $i + rpx;
    padding-left: $i + rpx;
  }
  .#{$prefix}py-#{$i} {
    padding-top: $i + rpx;
    padding-bottom: $i + rpx;
  }
}

@for $i from 1 through 200 {
  // margin-top (1~200)rpx
  .#{$prefix}mt-#{$i} {
    margin-top: $i + rpx;
  }
  // margin-right (1~200)rpx
  .#{$prefix}mr-#{$i} {
    margin-right: $i + rpx;
  }
  // margin-bottom (1~200)rpx
  .#{$prefix}mb-#{$i} {
    margin-bottom: $i + rpx;
  }
  // margin-left (1~200)rpx
  .#{$prefix}ml-#{$i} {
    margin-left: $i + rpx;
  }
  // margin (1~200)rpx
  .#{$prefix}m-#{$i} {
    margin: $i + rpx;
  }
  .#{$prefix}mx-#{$i} {
    margin-right: $i + rpx;
    margin-left: $i + rpx;
  }
  .#{$prefix}my-#{$i} {
    margin-top: $i + rpx;
    margin-bottom: $i + rpx;
  }
}
/* #ifndef APP-NVUE */
.#{$prefix}mx-auto {
  margin-right: auto;
  margin-left: auto;
}
/* #endif */
